{{define "users/queryIndent.html"}}
    <!DOCTYPE html>
    <html lang="cn">
    <head>
        <meta charset="UTF-8">
        <title>查询订单</title>
        <link rel="stylesheet" href="/static/bootstrap-4.6.0/css/bootstrap.css">
    </head>
    <body>
    <div class="main-warp ml-3">
        <!-- 查询信息 -->
        <div class="queryInfo-warp mb-3">
            <h3 class="queryInfo">查询订单</h3>
        </div>
        <!-- 查询信息区域 -->
        <h5 class="mb-3">填写你需要查询的内容</h5>
        <div class="query-warp ml-4">
            <form class="mb-5" style="width: 400px">
                <div class="form-group">
                    <label for="exampleInputEmail1">按用户代号查询</label>
                    <input type="text" class="form-control" id="userNo" value="0" aria-describedby="emailHelp">
                    <small id="emailHelp" class="form-text text-muted">代销处负责人只能查询自己的订单</small>
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">按日期查询</label>
                    <input type="date" class="form-control" id="indentDate" value="2000-01-01">
                </div>
                <button type="button" class="btn btn-primary" onclick="getIndentList()">查询</button>
            </form>
            <!-- 生成订单列表 -->
            <table class="queryIndentTable table mb-3" style="width: 1200px;margin: 0px auto">
                <thead>
                <tr>
                    <th scope="col">订单号</th>
                    <th scope="col">订货时间</th>
                    <th scope="col">订单总金额</th>
                    <th scope="col">折扣率</th>
                    <th scope="col">实际支付金额</th>
                    <th scope="col">明细</th>
                </tr>
                </thead>
            </table>
        </div>

        <!-- 明细模态框 -->
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" >
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">订单明细</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body"style="margin: 0 auto">
                        <!-- 用户信息列表 -->
                        <table class="queryUserTable table mb-3" style="width: 500px;margin: 0px auto;text-align: center">

                        </table>
                        <table class="indentDetail-warp table " style="width: 800px;">
                            <thead>
                            <tr>
                                <th scope="col">商品号</th>
                                <th scope="col">商品名</th>
                                <th scope="col">单价</th>
                                <th scope="col">所需个数</th>
                                <th scope="col">预计到货日期</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/static/bootstrap-4.6.0/js/bootstrap.js"></script>
    <script src="/static/js/queryIndent.js"></script>
    </html>
{{end}}